.m-float {
	position: fixed;
	right: 0;
	top: 30%;
	z-index: 10;
	-webkit-border-radius: 18px 0 0 18px;
	-moz-border-radius: 18px 0 0 18px;
	border-radius: 18px 0 0 18px;
	padding-top: 2px
}

.m-float li {
	margin-top: 5px;
	position: relative;
	z-index: 1;
}

.m-float .con {
	display: block;
	color: inherit;
	background: #134ba0;
	overflow: hidden;
	border: 1px solid rgb(247 40 69);

	text-align: center;
}

.m-float .con:hover {

	background: #00a0e9;

	border-color: #00a0e9;

}

.m-float .icon {

	display: block;
	width: 48px;
	height: 48px;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	background-size: cover;

}

.m-float .icon1 {
	background-image: url(../image/icon1.png);
}

.m-float .con:hover .icon1 {
	background-image: url(../image/icon2.png);
}

.m-float .icon2 {
	background-image: url(../image/icon5.png);
}

.m-float .con:hover .icon2 {
	background-image: url(../image/icon6.png);
}

.m-float .icon3 {
	background-image: url(../image/icon3.png);
}

.m-float .con:hover .icon3 {
	background-image: url(../image/icon4.png);
}

.m-float .icon4 {
	background-image: url(../image/icon5.png);
}

.m-float .con:hover .icon4 {
	background-image: url(../image/icon6.png);
}

.m-float .icon5 {
	background-image: url(../image/icon7.png);
}

.m-float .con:hover .icon5 {
	background-image: url(../image/icon8.png);
}

.m-float .icon6 {
	background-image: url(../image/icon9.png);
}

.m-float .con:hover .icon6 {
	background-image: url(../image/icon10.png);
}

.m-float .pic {
	position: absolute;
	right: 100%;
	top: 0;
	width: 148px;
	background: #fff;
	padding: 8px 9px 15px 15px;
	font-size: 14px;
	color: #e02332;
	line-height: 18px;
	font-weight: 700;
	text-align: center;
	display: none
}

.m-float li:hover .pic {
	display: block
}

.m-float .pic img {
	display: block;
	margin: 0 auto
}

.m-float .con-pop {

	width: 256px;

	padding: 20px 10px;

	position: absolute;

	right: 60px;

	top: 0;

	background: #fff;

	border: 1px solid #e6e6e6;

	font-size: 14px;
	color: #333;
	line-height: 19px;

	display: none;

}

.m-float li:hover .con-pop {
	display: block;
}

.m-float .pic1 {

	float: left;

	width: 50px;
	height: 50px;

	margin-right: 10px;

	padding-top: 5px;

}

.m-float .pic1 img {

	display: block;
	width: 80%;

	margin: 0 auto;

}

.m-float .txt {

	overflow: hidden;

	font-size: 12px;
	color: #666;
	line-height: 1.5;

}

.m-float .tit1 {

	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	color: #00a0e9;

	margin-bottom: 5px;

}

.m-float .tel {
	clear: both;
	padding-top: 10px;
}

.m-float .tel a {
	color: #000;
}

.m-float .qrcode_img {
	clear: both;
	padding-top: 10px;
}

.m-float .qrcode_img img {

	display: block;

	width: 120px;
	height: 120px;

	margin: 0 auto;

}

.m-float .hidepc {
	display: none;
}

@media only screen and (max-width:750px) {
	.m-float .hidepc {
		display: block;
	}

	.m-float .hidemo {
		display: none;
	}
}